@import "mixin";

.bjs-slider {
  /deep/ .el-slider__runway {
    background-color: $theme-color-light-3;
    [data-theme="night"] & {
      background-color: $theme-color-night-dark-3;
    }

  }

  /deep/ .el-slider__bar {
    background-color: $theme-color-light;
    [data-theme="night"] & {
      background-color: $theme-color-night-dark;
    }
  }

  /deep/ .el-slider__button {
    width: 14px;
    height: 14px;
    border: 2px solid $theme-color-light;
    [data-theme="night"] & {
      border-color: $theme-color-night-dark;
      background-color: $theme-bg-color-night;
    }
  }
}